<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="play" uri="/WEB-INF/couponplay.tld" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
 
<div class="deal3">
	<div style="position:relative; top:0px; left:0px; width:232px; height:164px; overflow:hidden;">
	    <div style="position:absolute; top:0px; left:0px; z-index:1;"><a href="javascript:goDeal('${deal.id}', '${deal.providerCode}', '${deal.metaId}');"><img src="${deal.imageUrl}" width="320" height="162"/></a></div>
	    <!--
	    <div style="position:absolute; top:0px; left:0px; z-index:4;padding-left:10px;"><img src="http://img1.coupangcdn.com/image/header/logo_coupang.png"/></div>
	    -->
	</div>
	<div class="deal_exp3">
		<div style="line-height:180%;">
			<span><a href="javascript:goDeal('${deal.id}', '${deal.providerCode}', '${deal.metaId}');">${deal.title}</a></span><br/>
	    </div>
		<div style="line-height:130%;padding-bottom:10px;">
	    	<span style="color:#000000;font-weight:bold;font-size:12pt;"><fmt:formatNumber value="${deal.salesPrice}" pattern="#,###"/>원</span>  
			<span style="text-decoration:line-through;font-size:8pt;color:#888888;"><fmt:formatNumber value="${deal.originalPrice}" pattern="#,###"/>원</span>
			<span style="font-weight:bold;"><span style="color:#FF0000;font-weight:bold; font-size:12pt;">${deal.discountRate}%</span></span>
		</div>
		<div style="line-height:110%;">
	    	<span style="color:#000000;font-weight:bold;font-size:10pt;"><fmt:formatNumber value="${deal.nowCount}" pattern="#,###"/>개</span>
			<span style="font-size:8pt;color:#888888;">구매중</span> 
			<br/>
	    	<span style="font-size:8pt;"><fmt:formatDate value="${deal.saleEndAt}" pattern="yyyy-MM-dd"/></span>
	    	<span style="font-size:8pt;color:#888888;">종료</span>
	    </div>
	    <div style="position:absolute; top:58px; left:124px; z-index:2;background:#1A1C22;width:70px;height:30px;"></div>
	    <div style="position:absolute; top:58px; left:124px; z-index:3;padding-left:2px;">
	    	<img src="<play:providerLogo providerCode='${deal.providerCode}'/>">
	    </div>
   	</div>
</div>